<#assign base=request.contextPath />
<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="${base}/img/asset-favicon.ico">
    <title>在线教育网</title>
    <link rel="stylesheet" href="${base}/plugins/normalize-css/normalize.css"/>
    <link rel="stylesheet" href="${base}/plugins/bootstrap/dist/css/bootstrap.css"/>
    <link rel="stylesheet" href="${base}/css/page-learing-personal.css"/>
    <link rel="stylesheet" href="${base}/css/loading.css"/>
    <link rel="stylesheet" href="${base}/css/page-learing-index.css"/>
    <link rel="stylesheet" href="${base}/plugins/normalize-css/normalize.css"/>

    <style type="text/css">

        [v-cloak] {
            display: none;
        }
    </style>
</head>

<body>
<!-- 页面头部 -->
<!--头部导航-->
<#include 'header.ftl'>

<div class="personal-header" style="background-image: url(${base}/img/asset-banner.png);">
</div>
<!-- 页面 -->
<div class="container" id="app" v-cloak>
    <div class="personal-nav pull-left">
        <div class="nav nav-stacked text-left">
            <div class="title">教学方中心</div>
            <div class="my-ico">
                <img alt="">
                <p>梦醒时分</p>
            </div>
            <div class="item">
                <li :class="{active:show=='myCourses'}">
                    <a @click="showDiv('myCourses')" href="javascript:void (0)" class="glyphicon glyphicon-tower">
                        我发布的课程
                        <i class="pull-right">></i>
                    </a>
                </li>

                <li :class="{active:show=='myNews'}">
                    <a @click="showDiv('myNews')" href="javascript:void (0)" class="glyphicon glyphicon-envelope">
                        我的消息
                        <i class="pull-right">></i>
                    </a>
                </li>

                <li :class="{active:show=='mySettings'}">
                    <a @click="showDiv('mySettings')" href="javascript:void (0)" class="glyphicon glyphicon-cog">
                        教学方设置
                        <i class="pull-right">></i>
                    </a>
                </li>
                <li>
                    <a href="javascript:void (0)" class="glyphicon glyphicon-log-out">
                        返回个人中心
                        <i class="pull-right">></i>
                    </a>
                </li>
            </div>
        </div>
    </div>
    <div class="personal-content pull-right" v-show="show=='myCourses'">
        <div class="personal-cont">
            我发布的课程
            <div class="conten-list">
                <div class="Recommend">
                    <div class="content">
                        <div class="recom-item">
                            <a href="#">
                                <p><img src="../img/widget-demo1.png" width="100%" alt=""></p>
                                <ul>
                                    <li>Think PHP 5.0 博客系统实战项目演练 </li>
                                    <li><span>高级</span> <em> · </em> 1125人在学习</li>
                                </ul>
                            </a>
                        </div>
                        <div class="recom-item">
                            <a href="#">
                                <p><img src="../img/widget-demo2.png" width="100%" alt=""></p>
                                <ul>
                                    <li>Think PHP 5.0 博客系统实战项目演练 </li>
                                    <li><span>高级</span> <em> · </em> 1125人在学习</li>
                                </ul>
                            </a>
                        </div>
                    </div>
                </div>


            </div>
        </div>
    </div>

    <div class="personal-content pull-right" v-show="show=='myNews'">
        <div class="personal-cont">
            我的消息
        </div>
    </div>
    <div class="personal-content pull-right" v-show="show=='myCollections'">
        <div class="personal-cont">

        </div>
    </div>
    <div class="personal-content pull-right" v-show="show=='mySettings'">
    </div>
</div>

<!-- 页面 css js -->
<script src="${base}/js/vuejs-2.5.16.js"></script>
<script src="${base}/js/axios-0.18.0.js"></script>
<script id="testScript" src="${base}/js/teacher.js" base="${base}"></script>


</body>